<style type="text/css">
    i{font-style: normal;}
    ul{padding-left: 0px;}
    body,html{overflow-x: hidden;}
    #mask{opacity: .60;}
    #head_tit{display:-webkit-box;display:box;height: 45px;line-height: 45px;border-bottom: 1px solid #f6f6f6;position: relative;top:0px;z-index: 220;width: 100%;background:rgba(255,255,255,0.98);padding:0px;}
    #head_tit .head_tit_left{padding-left: 4%;font-size: 20px;color: #4c4c4c;text-align: left;}
    #head_tit .head_tit_right{padding-right: 4%;text-align: right;}
    #head_tit .head_tit_left,#head_tit .head_tit_right{width: 45px;}
    #head_tit .head_tit_center{-webkit-box-flex:2;text-align: center;color: #333333;font-size: 17px;font-weight: 600!important}
    #head_tit .head_tit_right{font-size:17px;color:#4c4c4c!important}
    #head_tit .head_tit_right span{color:#4c4c4c!important}
    #head_tit .head_tit_left span{color:#4c4c4c!important}
    /*内容样式*/
    .input-group-select{height: 34px;font-size: 14px;}
    .col-md-2{width: 18.66%}
    .promote-chosetupload > input{
        position: absolute;
        width: 100%;
        height: 100%;
        display: block;
        opacity: 0;
        z-index: 222;
    }
    .bargain_infoimg{min-height: 90px;}
    option:disabled{background: #F0F0F0;}
    .col-md-7 {
        width: 56.333333%;
    }
    /*.promote-chosetupload > input{z-index: 0}*/
    /*富文本编辑*/
    .simditor{background-color: #fafafa;color: rgba(0,0,0,0.6);font-size: 14px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);border: 1px solid #eee;box-shadow: none;}
    .simditor .simditor-wrapper{background-color: #fafafa;}
    .simditor.focus .simditor-wrapper{background-color: #ffffff;}
    .simditor .simditor-body{padding: 6px 12px;min-height: 200px;}
    .panel .panel-body p+p {margin-top: 0px;}
    .form-group .control-label{padding-top: 7px;}
    .datetimepicker table tr td.today{background-color: #ffffff;}
    .simditor .simditor-body p{margin: 0px;color: rgba(0,0,0,0.6);font-size: 14px;font-family: "Microsoft YaHei";}
    .simditor .simditor-body{font-size:14px;color: #999;font-family: Microsoft YaHei, Arial;}
    .simditor .simditor-body ul{padding-left: 0px;}
    .datetimepicker{z-index: 300!important}


    /*拆礼包活动*/
    .packetindex-explain{background: #f5543a}
    .explain-info .title .name{background:#f5543a}
    .explain-info .title .line{background-color: #fbbbb0;width: 75%;margin-left: -37.5%;}
  
</style>
<!-- 时间选择插件 -->

<div class="page-title q-tit-change" style="margin:10px;"> 
    <a href="/drainage/index">引流游戏</a> > 创建拆礼盒活动
</div>
<div class="row" style="margin:0px;">
        <div class="col-sm-12" >
            <div class="panel panel-default q-panel-default overflow" style="padding-left: 39px!important;padding-right: 39px!important;padding-top: 45px;" >
                <!-- 页面 -->
                <div class="fl" style="width: 417px;background: #f5543a;border: 1px solid #f4f4f4">
                    <header id="head_tit">
                        <div class="head_tit_center">
                            拆礼盒活动
                        </div>
                    </header>
                    <div class="opengift_href"><span>领取记录</span></div>
                    <div class="opengift_banner"><img src="/modules/img/slefneed/active/giftopen.png" onerror="this.src='/modules/img/slefneed/active/giftopen.png'"  ></div>
                    <div class="opengift_cont" >
                        <div class="opengift_num">
                            <p>您今天还有<i class="num">0</i>次领取机会</p>
                            <div>已有<i>0</i>人参加了活动</div>
                        </div>
                        <!-- <div class="opengift_btn">立即领取</div> -->
                        <div class="opengift_btn waite_get">立即领取</div>
                        <div class="opengift_des">3位好友参加活动即可领取礼盒</div>
                        <div class="opengift_peo">
                            <img src="/modules/img/slefneed/active/waite.png">
                            <img src="/modules/img/slefneed/active/waite.png">
                            <img src="/modules/img/slefneed/active/waite.png">
                        </div>
                        <div class="packetindex-explain" style="margin-top: 33px;">
                            <div class="explain-info">
                                <div class="title">
                                    <span class="name">活动规则说明</span>
                                    <span class="line"></span>
                                </div>
                                <div class="explain-cont PlayingDescribe">
                                    <p>1.初次报名参加即可拆礼盒，每邀请三位好友参加即可获得拆礼盒机会。以此类推。</p>
                                    <p>2.每人每天最多可拆礼盒3次。</p>
                                    <p>3.若奖品为实物奖品，官方将会在1至3个工作日内发货。</p>
                                    <p>4.最终解释权归XX集团所有，如有疑问请拨打热线4001234。</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="fl" style="width: 720px;" id="changeEvent">
                    <div class="borderf6 m-l-20">
                        <div class="promote-chosetypecont" style="padding-bottom: 0px;">
                            <div class="promote-chosetype overflow">
                                <div class="fl"><span class="ion-navicon"></span>活动信息</div>
                            </div>
                            <div class="promote-scendcont">
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">活动名称：</label>
                                    <div class="col-md-7" >
                                        <input type="text"  class="form-control p-yl2  ActName"  placeholder="" v-model.watchValue="ActName" >
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error actname" style="font-weight: 500;"></label>
                                </div>
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">活动描述：</label>
                                    <div class="col-md-7" >
                                        <textarea class="form-control p-yl2  Comment"></textarea>
                                        <!-- <input type="text"  class="form-control p-yl2  Comment" > -->
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error comment" style="font-weight: 500;"></label>
                                </div>
                                <!-- <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17" style="font-weight: 500;">活动主图：</label>
                                    <div class="col-md-7 promote-chosetupload" >
                                        <input type="file" id="MainSrc" name="file" >
                                        <div class="input-group">
                                            <input type="text" id="example-input2-group1" name="example-input2-group1" class="form-control" placeholder="图片尺寸大于750*396" readonly>
                                            <span class="input-group-addon"><i class="fa ion-image"></i></span>
                                        </div>
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error titlesrc" style="font-weight: 500;"></label>
                                </div> -->
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17" style="font-weight: 500;">活动封面图(前端列表)：</label>
                                    <div class="col-md-7 promote-chosetupload" >
                                        <input type="file" id="CoverSrc" name="file">
                                        <div class="input-group">
                                            <input type="text" id="example-input2-group1" name="example-input2-group1" class="form-control" placeholder="活动封面" readonly>
                                            <span class="input-group-addon"><i class="fa ion-image"></i></span>
                                        </div>
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error coversrc" style="font-weight: 500;"></label>
                                </div>

                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17" style="font-weight: 500;">活动开始日期：</label>
                                    <div class="col-md-7" >
                                        <div class="input-group">
                                            <input type="text" class="form-control" placeholder="" id="StartDate" readonly>
                                            <span class="input-group-addon"><i class="glyphicon ion-calendar"></i></span>
                                        </div>
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error startdate" style="font-weight: 500;"></label>
                                </div>
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17" style="font-weight: 500;">活动结束日期：</label>
                                    <div class="col-md-7" >
                                        <div class="input-group">
                                            <input type="text" class="form-control" placeholder="" id="EndDate" readonly>
                                            <span class="input-group-addon"><i class="glyphicon ion-calendar"></i></span>
                                        </div>
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error enddate" style="font-weight: 500;"></label>
                                </div>
                                
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17" style="font-weight: 500">是否开启：</label>
                                    <label class="cr-styled col-md-3 isopen" style="margin-top: 9px;"><input type="checkbox" class="isuseable IsUseableOnWeekend" data-type="100"><i class="fa"></i> 开启活动 </label>
                                </div>
                                
                            </div>
                        </div>
                        <div class="promote-chosetypecont" style="padding-bottom: 0px;">
                            <div class="promote-chosetype overflow">
                                <div class="fl"><span class="ion-navicon"></span>配置信息</div>
                            </div>
                            <div class="promote-scendcont">
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">名额数：</label>
                                    <div class="col-md-7" >
                                        <input type="text"  class="form-control p-yl2 ActCnt" data-classname ="Title" placeholder="">
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error actcnt" style="font-weight: 500;"></label>
                                </div>
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">每天可拆次数：</label>
                                    <div class="col-md-7" >
                                        <input type="text"  class="form-control p-yl2  PlayCnt" v-model.watchValue="PlayCnt" >
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error playcnt" style="font-weight: 500;"></label>
                                </div>
                               <!--  <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">派送方式：</label>
                                    <div class="col-md-7" >
                                        <select class="input-group-select form-control " id="DeliveryType">
                                            <option value="100">系统自动处理（虚拟产品）</option>
                                            <option value="200">线下门店自提（实物产品）</option>
                                            <option value="300">线上物流发货（实物产品）</option>
                                        </select>
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error title" style="font-weight: 500;"></label>
                                </div> -->
                                <div class="form-group overflow receiveWay1" > 
                                    <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">线下领取地址：</label>
                                    <div class="col-md-7" >
                                        <input type="text"  class="form-control p-yl2 ReceiveAdd" >
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error receiveadd" style="font-weight: 500;"></label>
                                </div>
                                <div class="form-group overflow receiveWay2" >
                                    <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">订单提醒电话：</label>
                                    <div class="col-md-7" >
                                        <input type="text"  class="form-control p-yl2 NoticeTel" placeholder="">
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error noticetel" style="font-weight: 500;"></label>
                                </div>
                                <div class="form-group overflow receiveWay3" >
                                    <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">活动咨询电话：</label>
                                    <div class="col-md-7" >
                                        <input type="text"  class="form-control p-yl2 Hotline" >
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error hotline" style="font-weight: 500;"></label>
                                </div>

                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17" style="font-weight: 500;">玩法介绍：</label>
                                    <div class="col-md-7">
                                        <div contenteditable="true" class="form-control" style="height: auto;" id="PlayingDescribe"  oninput="cont.value('PlayingDescribe')"></div>
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error playingdescribe" style="font-weight: 500;"></label>
                                </div>
                            </div>
                        </div>
                        <div class="promote-chosetypecont" style="padding-bottom: 0px;">
                            <div class="promote-chosetype overflow">
                                <div class="fl"><span class="ion-navicon"></span>微信分享</div>
                            </div>
                            <div class="promote-scendcont">
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">分享标题：</label>
                                    <div class="col-md-7" >
                                        <input type="text"  class="form-control p-yl2 ShareTitle" placeholder=""  >
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error sharetitle" style="font-weight: 500;"></label>
                                </div>
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">分享内容：</label>
                                    <div class="col-md-7" >
                                        <input type="text"  class="form-control p-yl2 ShareContent">
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error sharecontent" style="font-weight: 500;"></label>
                                </div>
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17" style="font-weight: 500;">分享封面：</label>
                                    <div class="col-md-7 promote-chosetupload" >
                                        <input type="file" id="wxMainSrc" name="file">
                                        <div class="input-group">
                                            <input type="text" id="example-input2-group3" name="example-input2-group1" class="form-control" placeholder="上传分享封面" readonly>
                                            <span class="input-group-addon"><i class="fa ion-image"></i></span>
                                        </div>
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error sharesrc" style="font-weight: 500;"></label>
                                </div>
                              
                                
                            </div>
                        </div>
                    </div>
                    <!-- 保存 -->
                    <div class="fr m-t-15 m-b-15">
                        <button type="button" class="btn btn-info  m-b-5 overflow m-r-10 SaveBtn" isclick="1" style="font-size: 18px;padding: 6px 30px;">
                        创建</button>
                    </div>
                </div>

            </div>
        </div>
</div>


<link rel="stylesheet" type="text/css" href="/modules/assets/timepicker/bootstrap-timepicker.min.css">
<script src="/modules/assets/timepicker/bootstrap-timepicker.min.js"></script>
<script src="/modules/assets/timepicker/bootstrap-timepicker.min-zn.js"></script>

<script type="text/javascript">
    var cont = {
        value:function(obj){
            var innerHTML = document.getElementById(obj).innerHTML
            $('.'+obj).html(innerHTML);
            // console.log(innerHTML);
        }
    }
    seajs.use('drainage/openboxcreate');
</script>



























